<template>
    <div>
    <TypeNav/>
    <ListContainer/>
    <Recommend/>
    <Rank/>
    <Like/>
    <Floor v-for="(floor,index) in floorList" :key="floor.id"  :list="floor"/>
     <Brand/>
    </div>
    <!-- 三及联动为全局组件 -->
</template>

<script>
import ListContainer from '@/pages/Home/ListContainer'
import Recommend from '@/pages/Home/Recommend'
import Rank  from '@/pages/Home/Rank'
import Like  from '@/pages/Home/Like'
import Floor  from '@/pages/Home/Floor'
import Brand  from '@/pages/Home/Brand'
import {mapState} from 'vuex'
export default {
 name:'',
  data () {
    return {
    };
  },
  components:{
    ListContainer,
    Recommend,
    Rank,
    Like,
    Floor,
    Brand
  },
  mounted() {
    this.$store.dispatch("getFloorList");
     this.$store.dispatch("getUserInfo");
    
  },
  computed:{
    ...mapState({
     floorList: (state) => {
        return state.home.floorList;
      },
    }),
  }
}
</script>

<style scoped>
</style>